<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 关键字 -->
    <meta name="keywords" content="纽曼官网，纽曼电器">
    <!-- 描述 -->
    <meta name="description" content="该网站为纽曼公司的一个产品展示网站。">
    <!-- 渲染 -->
    <meta name="render" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>新闻中心</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="./news.css">
    <!-- 网站小图标 -->
    <link rel="shortcut icon" href="./images/logo.png" type="png/x-icon">
</head>

<body>
    <!-- 导航栏 -->
    <header>
        <h1><a href="../index/index.html"><img src="./images/logo.jpg" alt="logo" class="logo"></a></h1>
        <ul class="nav">
            <li><a href="../index/index.html">企业首页</a></li>
            <li><a href="../about/about.html">关于我们</a></li>
            <li class="action"><a href="../news/news.html">新闻中心</a></li>
            <li><a href="../product/product.html">产品中心</a></li>
            <li><a href="../service/service.html">客户服务</a></li>
            <li><a href="../contact/contact.html">联系我们 </a></li>
        </ul>
        <ul class="language">
            <li>CN</li>
            <li>EN</li>
        </ul>
    </header>
    <!-- 单张图片的banner -->
    <div class="banner">
        <ul class="imgs">
            <li><a href="./news.html"><img src="./images/banner.jpg" alt="banner"></a></li>
        </ul>
    </div>
    <!-- news内容区 -->
    <div class="container">
        <!-- 侧边栏 -->
        <aside>
            <!-- 导航栏 -->
            <div class="aside-title-nav">
                <div class="aside-title">
                    <h2 class="title">NEWS CENTER</h2>
                    <p>新闻中心</p>
                </div>
                <ul class="aside-nav">
                    <li class="aside-active"><a href="#"> <i>·</i> 最新动态 >></a></li>
                    <li><a href="#"> <i>·</i> 企业新闻 >> </a></li>
                    <li><a href="#"> <i>·</i> 行业新闻 >> </a></li>
                    <li><a href="#"> <i>·</i> 热点聚焦 >> </a></li>
                    <!-- 用i标签将 . 包裹便于对其操作 -->
                </ul>
            </div>
            <!-- 搜索框 -->
            <div class="search">
                <div class="aside-title">
                    <h2 class="title">SEARCH</h2>
                    <p>搜索</p>
                </div>
                <form action="#">
                    <input type="search">
                    <img src="./images/iconfont-fangdajing.png" alt="search" class="iconfont-search">
                </form>
            </div>
        </aside>

        <div class="container-content">
            <!-- 内容区上部标题+导航 -->
            <div class="content-title">
                <h3>
                    <span class="title-chinese">新闻中心</span>
                    <span class="title-english">news center</span>
                </h3>
                <div class="crumbs-nav">
                    您当前的位置&nbsp;&nbsp;&gt; <a href="../index/index.html">首页</a> &nbsp;&nbsp;&gt;<span
                        class="action">新闻中心</span>
                </div>
            </div>
            <!-- 新闻内容 -->
            <ul class="news-list">
                <li class="active">
                    <div class="news-item-data">
                        <div class="day">12</div>
                        <div class="year-month">2016.03</div>
                    </div>
                    <a href="./news-details.html" class="news-item-content">
                        <span class="news-h2">正品控宣言：让商品拥有独一无二的身份证</span>
                        <span class="news-p">今天，中国家电及消费电子博览会(Appliance&electronics World
                            Expo，简称AWE)圆满落幕，展会吸引了包括消费电子、智能家电、白色家电、厨房电器、生活电器、环境家电及家电配件等多品类的家电制造商参加，也......</span>
                    </a>
                </li>
                <li>
                    <div class="news-item-data">
                        <div class="day">11</div>
                        <div class="year-month">2016.03</div>
                    </div>
                    <a href="#" class="news-item-content">
                        <span class="news-h2">2016年中国家电发展高峰论坛文字实录</span>
                        <span
                            class="news-p">马洪涛：尊敬的各位家电行业的大佬，尊敬的各位媒体同行，尊敬的各位来宾，大家下午好，我是中央电视台财经频道的主持人马洪涛，非常高兴能够再一次为大家主持中国家电发展高峰论坛。今天是2016年，首先要代表......</span>
                    </a>
                </li>
                <li>
                    <div class="news-item-data">
                        <div class="day">10</div>
                        <div class="year-month">2016.03</div>
                    </div>
                    <a href="#" class="news-item-content">
                        <span class="news-h2">松下再显实力 九款商品斩获五项艾普兰奖</span>
                        <span class="news-p">今天，中国家电及消费电子博览会(Appliance&electronics World
                            Expo，简称AWE)圆满落幕，展会吸引了包括消费电子、智能家电、白色家电、厨房电器、生活电器、环境家电及家电配件等多品类的家电制造商参加，也为致......</span>
                    </a>
                </li>
                <li>
                    <div class="news-item-data">
                        <div class="day">9</div>
                        <div class="year-month">2016.03</div>
                    </div>
                    <a href="#" class="news-item-content">
                        <span class="news-h2">美的焖香鼎釜IH智能电饭煲全球首发</span>
                        <span
                            class="news-p">还记得儿时的柴火饭吗?奶奶在灶台上忙这忙那，爷爷坐在灶膛前，一把一把的往里塞柴禾，而我们则趴在饭桌上，急切地等待着香喷喷的米饭出锅。在我们的记忆中，用灶台焖出的米饭又香又甜，无疑是我们的至爱......</span>
                    </a>
                </li>
                <li>
                    <div class="news-item-data">
                        <div class="day">8</div>
                        <div class="year-month">2016.03</div>
                    </div>
                    <a href="#" class="news-item-content">
                        <span class="news-h2">聚焦AWE2016：智能家居馆，代表未来的产品</span>
                        <span
                            class="news-p">2016年3月9日，亚洲最大的家电盛会——AWE2016在上海新国际博览中心隆重举办。此次展会规模空前盛大，参展商超过600家，展位面积同比提升40%，横跨新国际W1-W5、E1-E2的七大展馆，共同唱响“互联网+”......</span>
                    </a>
                </li>
                <li>
                    <div class="news-item-data">
                        <div class="day">7</div>
                        <div class="year-month">2016.03</div>
                    </div>
                    <a href="#" class="news-item-content">
                        <span class="news-h2">东芝被美的竞购 中国企业比10年前强在哪？</span>
                        <span
                            class="news-p">【中国家电网讯】继夏普全盘售卖给代工大王台湾鸿海集团后，又一家日本家电企业东芝昨（15）日传出将出售家电业务，其中与东芝接洽的企业包括中国两家企业美的集团与创维集团、一家土耳其企业阿奇立克(ARCELIK)......</span>
                    </a>
                </li>
                <li>
                    <div class="news-item-data">
                        <div class="day">6</div>
                        <div class="year-month">2016.03</div>
                    </div>
                    <a href="#" class="news-item-content">
                        <span class="news-h2">郑恺化身史上最强空调体验官 奥克斯真棒</span>
                        <span
                            class="news-p">3月9日，“国民小猎豹”郑恺现身上海AWE2016奥克斯展厅，现场一袭黑色西服，配上不久前剃的光头，让现场粉丝们不禁诧异——这是要做“光头恺”吗?不过“小猎豹”丝毫不介意自己现在的造型，并在到达活动......</span>
                    </a>
                </li>

            </ul>
            <!-- 底部分页 -->
            <ul class="pages">
                <li><a href="#">&lt;&nbsp;上一页</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">...</a></li>
                <li><a href="#">下一页&nbsp;&gt;</a></li>
            </ul>
        </div>
    </div>
    <!-- footer -->
    <footer>
        <div class="footer">
            <div class="footer-content">
                <div class="footer-nav">
                    <dl>
                        <dt> <a href="#">关于我们</a> </dt>
                        <dd> <a href="#">公司简介</a> </dd>
                        <dd> <a href="#">企业文化</a> </dd>
                        <dd> <a href="#">企业荣誉</a> </dd>
                        <dd> <a href="#">资格认证</a> </dd>
                        <dd> <a href="#">研发生产</a> </dd>
                    </dl>
                    <dl>
                        <dt> <a href="#">产品中心</a> </dt>
                        <dd> <a href="#">饮水机</a> </dd>
                        <dd> <a href="#">冰箱</a> </dd>
                        <dd> <a href="#">洗衣机</a> </dd>
                        <dd> <a href="#">空调</a> </dd>
                        <dd> <a href="#">其他产品</a> </dd>
                    </dl>
                    <dl>
                        <dt> <a href="#">新闻中心</a> </dt>
                        <dd> <a href="#">最新动态</a> </dd>
                        <dd> <a href="#">企业新闻</a> </dd>
                        <dd> <a href="#">行业新闻</a> </dd>
                        <dd> <a href="#">热点聚焦</a> </dd>
                    </dl>
                    <dl>
                        <dt> <a href="#">客户服务</a> </dt>
                        <dd> <a href="#">招商加盟</a> </dd>
                        <dd> <a href="#">购买流程</a> </dd>
                        <dd> <a href="#">售后服务</a> </dd>
                        <dd> <a href="#">技术支持</a> </dd>
                        <dd> <a href="#">常见问题</a> </dd>
                    </dl>
                    <dl>
                        <dt> <a href="#">联系我们</a> </dt>
                        <dd> <a href="#">在线留言</a> </dd>
                        <dd> <a href="#">网上咨询</a> </dd>
                        <dd> <a href="#">联系我们</a> </dd>
                    </dl>
                </div>
                <form action="#" class="footer-contact">
                    <input type="text" name="name" placeholder="请输入您的姓名">
                    <input type="tel" name="tel" placeholder="请输入您的联系方式">
                    <textarea name="" id="" cols="30" rows="10" placeholder="请输入留言"></textarea>
                    <br>
                    <input type="submit">
                </form>
            </div>
        </div>
        <p>
            Copyright&copy;2030WenCun.com All Rights Reserved &nbsp;&nbsp; Design by WenCun 粤ICP备13005446号-1
        </p>
    </footer>
</body>
    <!-- 布局问题js无法使用 -->
<script>
    var ul = document.getElementsByClassName('new-list')[0];
    var li = ul.getElementsByTagName('li');
    for(var i=0;i<li.length;i++){
        li[i].onclick=function(){
            location.href='news-details.html';
        }
    }
</script>
</html>